diff --git a/app/resources/locales/en_US/menu.po b/app/resources/locales/en_US/menu.po
index f8884c6bc..39f264a9a 100644
--- a/app/resources/locales/en_US/menu.po
+++ b/app/resources/locales/en_US/menu.po
@@ -28,17 +28,50 @@ msgid "co.Attributes"
 msgstr "Attributes"
 
 msgid "co.configuration"
-msgstr "Config"
+msgstr "Configuration"
+
+msgid "co.configuration.panel.az"
+msgstr "A-Z Listing"
+
+msgid "co.configuration.panel.title"
+msgstr "Configuration"
+
+msgid "co.configuration.panel.personalization"
+msgstr "Personalization"
+
+msgid "co.configuration.panel.personalization.desc"
+msgstr "Dashboards, custom text, and theming"
+
+msgid "co.configuration.panel.platform"
+msgstr "Platform-Wide Settings"
+
+msgid "co.configuration.panel.platform.desc"
+msgstr "These configurations are found only in the COmanage CO"
+
+msgid "co.configuration.panel.setup"
+msgstr "CO Setup"
+
+msgid "co.configuration.panel.setup.desc"
+msgstr "Settings for the current CO"
 
 msgid "co.connections"
 msgstr "Connections"
 
-msgid "co.lifecycle"
-msgstr "Lifecycle"
+msgid "co.connections.panel.title"
+msgstr "Connections"
+
+msgid "co.connections.panel.desc"
+msgstr "Connections to external services: upstream inputs and downstream outputs"
 
 msgid "co.operations"
 msgstr "Operations"
 
+msgid "co.operations.panel.title"
+msgstr "Operations"
+
+msgid "co.operations.panel.desc"
+msgstr "Operational activities"
+
 msgid "co.groups"
 msgstr "Groups"
 
@@ -61,7 +94,7 @@ msgid "co.people.panel.title"
 msgstr "People"
 
 msgid "co.people.panel.desc"
-msgstr "COmanage Registry is a registry for people. This section contains the basic building blocks for modeling and  managing people in COmanage."
+msgstr "Model and manage people in COmanage Registry"
 
 msgid "co.people.population"
 msgstr "My Population"
@@ -72,11 +105,23 @@ msgstr "Review and manage people in your collaboration (CO Person Records)"
 msgid "co.structure"
 msgstr "Structure"
 
+msgid "co.structure.cous.desc"
+msgstr "Collaborative Organizational Units (COUs) are the primary structural objects used to allow delegation of person management within a CO. COUs attach to a Person Role and imply specific Group memberships."
+
+msgid "co.structure.depts.desc"
+msgstr "Departments represent entities within a CO or COU and can store telephone numbers, email addresses, URLs, identifiers, and sets of people." 
+
+msgid "co.structure.groups.desc"
+msgstr "Groups attach to a Person. By default, any CO Person can create a new CO Group."
+
+msgid "co.structure.orgs.desc"
+msgstr "Organizations are like Departments but represent entities external to the CO."
+
 msgid "co.structure.panel.title"
 msgstr "Structure"
 
 msgid "co.structure.panel.desc"
-msgstr "COmanage registry provides structures for modeling and managing your organization, including COUs, Groups, and Departments."
+msgstr "Groupings for your population"
 
 msgid "co.structure.groups"
 msgstr "Groups"
@@ -87,3 +132,9 @@ msgstr "All Groups"
 msgid "co.switch"
 msgstr "Switch CO"
 
+msgid "related.configurations"
+msgstr "Related Configurations"
+
+msgid "related.links"
+msgstr "Related Links"
+
diff --git a/app/templates/Dashboards/configuration.php b/app/templates/Dashboards/configuration.php
index 726f9b73c..e7ab5bec9 100644
--- a/app/templates/Dashboards/configuration.php
+++ b/app/templates/Dashboards/configuration.php
@@ -25,9 +25,16 @@
  * @license       Apache License, Version 2.0 (http://www.apache.org/licenses/LICENSE-2.0)
  */
 ?>
+
+<div class="pageTitleContainer">
+  <div class="pageTitle">
+    <h1><?= $vv_title; ?></h1>
+  </div>
+</div>
+
 <section class="inner-content">
   <?php if(!empty($vv_platform_menu_items)): ?>
-    <ul id="configuration-menu" class="three-col">
+    <ul id="platform-menu" class="config-menu">
       <?php foreach($vv_platform_menu_items as $label => $cfg): ?>
         <li>
           <?php 
@@ -45,8 +52,7 @@
       <?php endforeach; // $vv_configuration_menu_items ?>
   </ul>
   <?php endif; // $vv_platform_menu_items ?>
-  <hr />
-  <ul id="configuration-menu" class="three-col">
+  <ul id="configuration-menu" class="config-menu">
     <?php foreach($vv_configuration_menu_items as $label => $cfg): ?>
       <li>
         <?php 
@@ -66,4 +72,6 @@
   </ul>
 </section>
 
-<?php print __('registry.version', chop(file_get_contents(CONFIG . "VERSION"))); ?>
+<div class="comanage-version">
+  <?php print __('registry.version', chop(file_get_contents(CONFIG . "VERSION"))); ?>
+</div>
\ No newline at end of file
diff --git a/app/templates/element/javascript.php b/app/templates/element/javascript.php
index 3482c912d..2a5b6eacc 100644
--- a/app/templates/element/javascript.php
+++ b/app/templates/element/javascript.php
@@ -31,7 +31,12 @@
   $(function() {
     // Focus any designated form element
     $('.focusFirst').focus();
-
+    
+    // USER PANEL
+    $('#user-panel-user-settings').click(function(e) {
+      e.stopPropagation();  
+    });
+    
     // DESKTOP MENU DRAWER BEHAVIOR
     $('#co-menu-collapse').click(function(){
       $('#navigation-drawer').toggleClass('closed');
@@ -42,7 +47,13 @@
     });
     
     $('.menu-panel-toggle').click(function() {
-      $(this).next('.menu-panel').toggleClass('visible');  
+      panel = $(this).next('.menu-panel');
+      if($(panel).hasClass('visible')) {
+        $(panel).removeClass('visible'); 
+      } else {
+        $('.menu-panel').removeClass('visible');
+        $(panel).addClass('visible');
+      }
     });
 
     $('.menu-panel-close').click(function() {
diff --git a/app/templates/element/menuMain.php b/app/templates/element/menuMain.php
index 0a6fdbb17..db18e2c74 100644
--- a/app/templates/element/menuMain.php
+++ b/app/templates/element/menuMain.php
@@ -39,50 +39,33 @@
           $menuItems = [
             [
               'permission' => 'people',
-              'controller' => 'people',
-              'action'     => 'index',
               'icon'       => 'person',
-              'dropdown'   => 'true',
-              'label'      => __d('menu', 'co.people') //,
-              //'panel'      => 'people' // XXX Uncomment this panel setting to enable panel menus
+              'label'      => __d('menu', 'co.people'),
+              'panel'      => 'people'
             ],
             [
               'permission' => 'groups',
               'icon'       => 'group',
-              'dropdown'   => 'true',
               'label' => __d('menu', 'co.structure'),
               'panel'      => 'structure'
             ],
             [
               'permission' => 'configuration',
-              'controller' => 'dashboards',
-              'action'     => 'configuration',
               'icon'       => 'cached',
-              'dropdown'   => 'true',
-              'label' => __d('menu', 'co.lifecycle')
+              'label' => __d('menu', 'co.connections'),
+              'panel'      => 'connections'
             ],
             [
               'permission' => 'configuration',
-              'controller' => 'dashboards',
-              'action'     => 'configuration',
-              'icon'       => 'hub',
-              'dropdown'   => 'true',
-              'label' => __d('menu', 'co.connections')
-            ],
-            [
-              'permission' => 'configuration',
-              'controller' => 'dashboards',
-              'action'     => 'configuration',
               'icon'       => 'play_circle_outline',
-              'dropdown'   => 'true',
-              'label' => __d('menu', 'co.operations')
+              'label' => __d('menu', 'co.operations'),
+              'panel'      => 'operations'
             ],
             [
               'permission' => 'configuration',
-              'controller' => 'dashboards',
-              'action'     => 'configuration',
               'icon'       => 'settings',
-              'label' => __d('menu', 'co.configuration')
+              'label' => __d('menu', 'co.configuration'),
+              'panel'      => 'config'
             ]
           ];
     
diff --git a/app/templates/element/menuPanel.php b/app/templates/element/menuPanel.php
index 2b87610ef..86bb80205 100644
--- a/app/templates/element/menuPanel.php
+++ b/app/templates/element/menuPanel.php
@@ -25,11 +25,11 @@
  * @license       Apache License, Version 2.0 (http://www.apache.org/licenses/LICENSE-2.0)
  */
 ?>
-<div class="menu-panel">
+<div class="menu-panel" id="menu-panel-<?= $panel ?>">
   <?php if($panel == 'people'): ?>
     <h2><?= __d('menu','co.people.panel.title') ?></h2>
     <p><?= __d('menu','co.people.panel.desc') ?></p>
-    <div class="menu-panel-content">
+    <div class="menu-panel-content d-flex-md">
       <ul class="menu-panel-links">
         <li>
           <?php
@@ -43,63 +43,87 @@
           );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
+            <div class="material-icons-outlined">person</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('menu','co.people.population') ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.people.population.desc') ?></div>
             </div>
           </a>
         </li>
-        <?php /* XXX Enable menu items as needed; plugins should fall below these */
-        /*
+        <?php 
+          /* XXX Enable highlighted menu items as needed:
         <li>
           <?php
-          $menuUrl = $this->Url->build(
-            ['plugin'       => null,
-             'controller'   => 'people',
-             'action'       => 'index',
-             '?'            => [
-               'co_id' => $vv_cur_co->id
-             ]]
-          );
+            $menuUrl = $this->Url->build(
+              ['plugin'       => null,
+               'controller'   => 'people',
+               'action'       => 'index',
+               '?'            => [
+                 'co_id' => $vv_cur_co->id
+               ]]
+            );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
+            <div class="material-icons-outlined">pending_actions</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('menu','co.people.enrollments.pending') ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.people.enrollments.pending.desc') ?></div>
             </div>
           </a>
         </li>
-        <li>
-          <?php
-          $menuUrl = $this->Url->build(
-            ['plugin'       => null,
-             'controller'   => 'people',
-             'action'       => 'index',
-             '?'            => [
-               'co_id' => $vv_cur_co->id
-             ]]
-          );
-          ?>
-          <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="menu-panel-primary-link-text">
-              <h3><?= __d('menu','co.people.external.source.records') ?></h3>
-              <div class="menu-panel-link-desc"><?= __d('menu','co.people.external.source.records.desc') ?></div>
-            </div>
-          </a>
-        </li>
         */ ?>
       </ul>
+      
+      <div class="menu-panel-sidepanel">
+        <?php /* XXX if we want a title for the side menu, use an h3 like so:
+        <h3>
+          <?= __d('menu','related.configurations') ?>
+        </h3> */
+        ?>
+        <div class="menu-panel-sidepanel-content">
+          <ul class="menu-panel-links menu-panel-links-inner">
+            <li><a href="#" class="nospin"><em class="material-icons" aria-hidden="true">apps</em> placeholder</a></li>
+            <?php /* Placeholders below. Replace with real links and text replacement:
+            <li><a href="#"><em class="material-icons" aria-hidden="true">lock</em> Authenticators</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">forward</em> Enrollment Flows</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">access_alarm</em> Expiration Policies</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">developer_board</em> Extended Attributes</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">person_pin</em> Identifier Assignments</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">check_circle</em> Identifier Validators</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">cloud_upload</em> Provisioning Targets</a></li>
+            <li><!-- more links here, including plugins --></li>
+            */ ?>
+          </ul>
+        </div>
+      </div>
     </div>
   <?php endif; ?>
   <?php if($panel == 'structure'): ?>
     <h2><?= __d('menu','co.structure.panel.title') ?></h2>
     <p><?= __d('menu','co.structure.panel.desc') ?></p>
     <div class="menu-panel-content">
-      <ul class="menu-panel-lists">
+      <ul class="menu-panel-links">
+        <li>
+          <?php
+            $menuUrl = $this->Url->build(
+              ['plugin'       => null,
+               'controller'   => 'cous',
+               'action'       => 'index',
+               '?'            => [
+                 'co_id' => $vv_cur_co->id
+               ]]
+            );
+          ?>
+          <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
+            <div class="material-icons-outlined">groups</div>
+            <div class="menu-panel-primary-link-text">
+              <h3><?= __d('controller', 'Cous', [99]) ?></h3>
+              <div class="menu-panel-link-desc"><?= __d('menu','co.structure.cous.desc') ?></div>
+            </div>
+          </a>
+        </li>
         <li>
-          <h3><?= __d('menu','co.structure.groups') ?></h3>
-          <ul>
-            <?php
+          <?php
             $menuUrl = $this->Url->build(
               ['plugin'       => null,
                'controller'   => 'groups',
@@ -108,15 +132,204 @@
                  'co_id' => $vv_cur_co->id
                ]]
             );
-            ?>
+          ?>
+          <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
+            <div class="material-icons-outlined">people_outline</div>
+            <div class="menu-panel-primary-link-text">
+              <h3><?= __d('controller', 'Groups', [99]) ?></h3>
+              <div class="menu-panel-link-desc"><?= __d('menu','co.structure.groups.desc') ?></div>
+            </div>
+          </a>
+        </li>
+        <?php 
+          /* XXX Enable highlighted menu items as needed:
+        <li>
+          <a href="#" class="menu-panel-primary-link">
+            <div class="material-icons" aria-hidden="true">business</div>
+            <div class="menu-panel-primary-link-text">
+              <h3><?= __d('controller', 'Departments', [99]) ?></h3>
+              <div class="menu-panel-link-desc"><?= __d('menu','co.structure.depts.desc') ?></div>
+            </div>
+          </a>
+        </li>
+        <li>
+          <a href="#" class="menu-panel-primary-link">
+            <div class="material-icons" aria-hidden="true">account_balance</div>
+            <div class="menu-panel-primary-link-text">
+              <h3><?= __d('controller', 'Organizations', [99]) ?></h3>
+              <div class="menu-panel-link-desc"><?= __d('menu','co.structure.orgs.desc') ?></div>
+            </div>
+          </a>
+        </li>
+          */ ?>
+      </ul>
+      <div class="menu-panel-sidepanel">
+        <div class="menu-panel-sidepanel-content">
+          <ul class="menu-panel-links menu-panel-links-inner">
+            <li><a href="#" class="nospin"><em class="material-icons" aria-hidden="true">apps</em> placeholder</a></li>
+            <li><!-- more links here, including plugins --></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  <?php endif; ?>
+  <?php if($panel == 'connections'): ?>
+    <h2><?= __d('menu','co.connections.panel.title') ?></h2>
+    <p><?= __d('menu','co.connections.panel.desc') ?></p>
+    <div class="menu-panel-content">
+      <!-- Primary menu-panel-links go here. Copy the structure from the People panel above. -->
+      <!-- Add the menu-panel-sidepanel here for plugins and other links. Copy the structure from the People panel above. -->
+    </div>
+  <?php endif; ?>
+  <?php if($panel == 'operations'): ?>
+    <h2><?= __d('menu','co.operations.panel.title') ?></h2>
+    <p><?= __d('menu','co.operations.panel.desc') ?></p>
+    <div class="menu-panel-content">
+      <!-- Primary menu-panel-links go here. Copy the structure from the People panel above. -->
+      <!-- Add the menu-panel-sidepanel here for plugins and other links. Copy the structure from the People panel above. -->
+    </div>
+  <?php endif; ?>
+  <?php if($panel == 'config'): ?>
+    <h2><?= __d('menu','co.configuration.panel.title') ?></h2>
+    <div class="az-link">
+      <?= $this->Html->link(
+            __d('menu','co.configuration.panel.az'),
+            [
+              'plugin'       => null,
+              'controller'   => 'dashboards',
+              'action'       => 'configuration',
+              '?'            => [
+               'co_id' => $vv_cur_co->id
+              ]
+            ]
+          );
+      ?>
+    </div>
+    <div class="menu-panel-content">
+      <?php if($vv_cur_co->id == 1): ?>
+        <?php
+          $platformMenuItems = [
+            __d('controller', 'Cos', [99]) => [
+              'icon'          => 'home',
+              'controller'    => 'cos',
+              'action'        => 'index'
+            ],
+            __d('controller', 'Plugins', [99]) => [
+              'icon'          => 'electrical_services',
+              'controller'    => 'plugins',
+              'action'        => 'index'
+            ]
+          ];
+        ?>
+        <ul id="config-panel-platform-menu" class="menu-panel-links">
+          <li>
+            <h3><?= __d('menu','co.configuration.panel.platform') ?></h3>
+            <p class="menu-panel-links-desc"><?= __d('menu','co.configuration.panel.platform.desc') ?></p>
+            <ul class="menu-panel-links-inner">
+              <?php foreach($platformMenuItems as $label => $cfg): ?>
+                <li>
+                  <?php
+                    $linkContent =  '<em class="material-icons" aria-hidden="true">' . $cfg['icon'] . '</em>'
+                      . '<span class="menu-title">' . $label . '</span>';
+                    print $this->Html->link(
+                      $linkContent,
+                      ['plugin'     => null,
+                       'controller' => $cfg['controller'],
+                       'action'     => $cfg['action']],
+                      ['escape' => false]
+                    );
+                  ?>
+                </li>
+              <?php endforeach; // $vv_configuration_menu_items ?>
+            </ul>
+          </li>
+        </ul>
+      <?php endif; // $vv_platform_menu_items ?>
+      <ul class="menu-panel-links">
+        <li>
+          <h3><?= __d('menu','co.configuration.panel.setup') ?></h3>
+          <p class="menu-panel-links-desc"><?= __d('menu','co.configuration.panel.setup.desc') ?></p>
+          <ul class="menu-panel-links-inner">
             <li>
+              <?php
+                $menuUrl = $this->Url->build(
+                  ['plugin'       => null,
+                   'controller'   => 'co_settings',
+                   'action'       => 'manage',
+                   '?'            => [
+                     'co_id' => $vv_cur_co->id
+                   ]]
+                );
+              ?>
               <a href="<?= $menuUrl ?>">
-                <?= __d('menu','co.structure.groups.all') ?>
-              </a>  
+                <em class="material-icons-outlined" aria-hidden="true">settings</em> 
+                <span class="menu-panel-link-text"><?= __d('controller', 'CoSettings', [99]) ?></span>
+              </a>
+            </li>
+            <li>
+              <?php
+                $menuUrl = $this->Url->build(
+                  ['plugin'       => null,
+                   'controller'   => 'api_users',
+                   'action'       => 'index',
+                   '?'            => [
+                     'co_id' => $vv_cur_co->id
+                   ]]
+                );
+              ?>
+              <a href="<?= $menuUrl ?>">
+                <em class="material-icons" aria-hidden="true">vpn_key</em>
+                <span class="menu-panel-link-text"><?= __d('controller', 'ApiUsers', [99]) ?></span>
+              </a>
+            </li>
+            <?php /* Placeholders below. Replace with real links and text replacement:
+            <li><a href="#"><em class="material-icons" aria-hidden="true">filter_list</em> Data Filters</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">sync</em> External Identity Sources</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">input</em> Pipelines</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">extension</em> Plugins</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">apps</em> Services</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">assignment_late</em> Terms and Conditions</a></li>
+            */ ?>
+            <li>
+              <?php
+                $menuUrl = $this->Url->build(
+                  ['plugin'       => null,
+                   'controller'   => 'types',
+                   'action'       => 'index',
+                   '?'            => [
+                     'co_id' => $vv_cur_co->id
+                   ]]
+                );
+              ?>
+              <a href="<?= $menuUrl ?>">
+                <em class="material-icons" aria-hidden="true">widgets</em>
+                Types
+              </a>
             </li>
           </ul>
         </li>
       </ul>
+      <ul class="menu-panel-links">
+        <li>
+          <h3><?= __d('menu','co.configuration.panel.personalization') ?></h3>
+          <p class="menu-panel-links-desc"><?= __d('menu','co.configuration.panel.personalization.desc') ?></p>
+          <ul class="menu-panel-links-inner">
+            <?php /* Placeholders below. Replace with real links and text replacement:
+            <li><a href="#"><em class="material-icons" aria-hidden="true">format_list_numbered</em> Attribute Enumerations</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">navigation</em> CO Navigation Links</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">dashboard</em> Dashboards</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">book</em> Dictionaries</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">translate</em> Localizations</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">email</em> Message Templates</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">room_service</em> Self Service Permissions</a></li>
+            <li><a href="#"><em class="material-icons" aria-hidden="true">wallpaper</em> Themes</a></li>
+            */ ?>
+          </ul>
+        </li>
+      </ul>
+    </div>
+    <div class="comanage-version">
+      <?php print __('registry.version', chop(file_get_contents(CONFIG . "VERSION"))); ?>
     </div>
   <?php endif; ?>
   <button type="button" class="menu-panel-close btn"><span class="material-icons-outlined">close</span></button>
diff --git a/app/templates/element/menuTop.php b/app/templates/element/menuTop.php
index 0b953d75d..f41801964 100644
--- a/app/templates/element/menuTop.php
+++ b/app/templates/element/menuTop.php
@@ -50,6 +50,19 @@
           <div id="user-panel-cn"><?= $vv_user['username']; ?></div>
           <div id="user-panel-id"><!-- XXX identifier goes here --></div>
         </div>
+        <!-- Density and dark mode controls-->
+        <div id="user-panel-user-settings" class="dropdown">
+          <a class="btn btn-primary btn-sm dropdown-toggle nospin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            Settings
+          </a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#"><span class="material-icons">dark_mode</span> Dark mode</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" href="#"><span class="material-icons">density_small</span>Density small</a></li>
+            <li><a class="dropdown-item" href="#"><span class="material-icons">density_medium</span>Density medium</a></li>
+            <li><a class="dropdown-item" href="#"><span class="material-icons">density_large</span>Density large</a></li>
+          </ul>
+        </div>
         <?php if(count($vv_available_cos) > 1): // More than one CO is available, so present the switch button ?>
           <div id="user-panel-switch-co">
             <?= $this->Html->link('<em class="material-icons" aria-hidden="true">transfer_within_a_station</em> ' . __d('menu','co.switch'),
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 4a40bdb29..02adf08bc 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -216,8 +216,6 @@ body.cos.select #top-bar {
   z-index: 100;
 }
 #top-menu ul {
-  display: flex;
-  column-gap: 2em;
   list-style: none;
   margin: 0;
   padding: 0;
@@ -272,9 +270,6 @@ body.cos.select #top-bar {
   float: left;
   font-size: 5em;
 }
-#user-panel ul {
-  padding-left: 2em;
-}
 #user-panel .co-info-topbox {
   background-color: var(--cmg-color-lightgray-004);
   margin-top: 2em;
@@ -328,6 +323,13 @@ body.cos.select #top-bar {
   display: block;
   padding: 1em;
 }
+#user-panel-user-settings {
+  float: right;
+  margin: 0 1rem 1rem 0;
+}
+#user-panel-user-settings .dropdown-divider {
+  margin: 0 0 0.25rem;
+}
 /* LOGIN & LOGOUT */
 #login {
   display: inline-block;
@@ -451,7 +453,7 @@ ul.form-list li.alert-banner .co-alert {
 }
 #main-menu > li a:hover,
 #main-menu > li a:focus {
-  background-color: var(--cmg-color-lightgray-006);
+  background-color: var(--cmg-color-lightgray-005);
 }
 #main-menu a.selected {
   background-color: var(--cmg-color-lightgray-007);
@@ -482,6 +484,17 @@ ul.form-list li.alert-banner .co-alert {
   -webkit-box-shadow: 5px 5px 8px 0px var(--cmg-color-lightgray-003);
   box-shadow: 5px 5px 8px 0px var(--cmg-color-lightgray-003);
 }
+#main-menu .menu-panel a {
+  color: var(--cmg-color-blue-001);
+}
+#main-menu .menu-panel li a:hover,
+#main-menu .menu-panel li a:focus {
+  background-color: transparent !important;
+}
+#main-menu .menu-panel li a:hover .menu-panel-link-text,
+#main-menu .menu-panel li a:focus .menu-panel-link-text {
+  text-decoration: underline;
+}
 .menu-panel.visible {
   display: block;
 }
@@ -513,22 +526,62 @@ ul.form-list li.alert-banner .co-alert {
 #main-menu .menu-panel-primary-link-text {
   flex: 1;
 }
-#main-menu ul.menu-panel-lists ul {
+#main-menu ul.menu-panel-links ul li a {
+  padding: 0.5em 1em;
+  margin: 0;
+  display: flex;
+  gap: 0.5em;
+  align-items: center;
+  line-height: 1.4em;
+}
+#main-menu .menu-panel-links .material-icons, 
+#main-menu .menu-panel-links .material-icons-outlined {
+  font-size: 2.5rem;
+  margin-right: 0.75rem;
+  display: inline;
+  color: var(--cmg-color-gray-002);
+}
+#main-menu .menu-panel-links li {
+  margin-bottom: 1em;
+}
+#main-menu .menu-panel-links-inner .material-icons,
+#main-menu .menu-panel-links-inner .material-icons-outlined {
+  font-size: 1.2em;
+}
+#main-menu .menu-panel-links .menu-panel-links-inner li {
+  margin-bottom: 0;
+}
+.menu-panel-links-desc {
+  margin-top: 0.5em;
+  font-size: 0.9em;
+}
+.menu-panel-link-desc { 
+  color: var(--cmg-color-gray-001);
+}
+.menu-panel .az-link {
+  position: absolute;
+  right: 6em;
+  top: 2em;
+  font-size: 1.1em;
+}
+#main-menu .az-link a {
   padding: 0;
-  margin-left: 1em;
 }
-#main-menu ul.menu-panel-lists ul li {
-  list-style: disc;
-  margin: 0.5em 0 0 0.5em;
+.menu-panel-sidepanel {
+  padding: 0 1em 2em 1.25em;
+}
+#main-menu .menu-panel-sidepanel h3 {
+  margin-bottom: 0.5em;
 }
-#main-menu ul.menu-panel-lists ul li a {
+#main-menu .menu-panel-sidepanel ul li a {
   display: inline;
   padding: 0;
-  color: var(--cmg-color-blue-002);
 }
-#main-menu ul.menu-panel-lists ul li a:hover {
-  text-decoration: underline;
-  background-color: transparent;
+#main-menu .menu-panel-common-items {
+  margin-top: 1rem;
+}
+#main-menu .menu-panel-common-items li {
+  list-style: disc;
 }
 /* CONTENT */
 #breadcrumbs {
@@ -783,20 +836,24 @@ ul.form-list li.alert-banner .co-alert {
   margin-right: 0.5em;
 }
 /* CO CONFIGURATION DASHBOARD */
-#configuration-menu {
+.config-menu {
   list-style: none;
   padding: 0;
 }
-#configuration-menu a {
+.config-menu a {
   display: inline-block;
   padding: 0.5em;
   text-indent: -0.9em;
   padding-left: 2em;
 }
-#configuration-menu a .material-icons {
+.config-menu a .material-icons {
   color: var(--cmg-color-gray-001);
   margin-right: 0.5em;
 }
+#platform-menu {
+  border-bottom: 1px solid var(--cmg-color-lightgray-006);
+  padding-bottom: 1em;
+}
 /* INDEX ACTION COMMAND MENUS */
 a.action-menu-toggle {
   padding: 0.5rem;
diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
index 470c99c0a..29232fe20 100644
--- a/app/webroot/css/co-responsive.css
+++ b/app/webroot/css/co-responsive.css
@@ -246,12 +246,30 @@
   .menu-panel {
     left: calc(100% + 1px);
     padding: 1rem 1.5rem;
-    width: 60vw;
+    width: 80vw;
+    min-height: 520px;
     border-right: 1px solid var(--cmg-color-lightgray-006);
     border-bottom: 1px solid var(--cmg-color-lightgray-006);
   }
   .menu-panel-content {
     display: flex;
+    gap: 4em;
+    justify-content: left;
+    margin-top: 1.5em;
+  }
+  .menu-panel-links {
+    flex: 1;
+  }
+  .menu-panel-sidepanel {
+    padding: 0 2em 1em 3em;
+    margin-top: 0.5em;
+    border-left: 1px solid var(--cmg-color-lightgray-006);
+    width: 30%;
+  }
+  .menu-panel .comanage-version {
+    position: absolute;
+    bottom: 2rem;
+    margin: 0;
   }
   /* GENERAL */
   .table-container {
@@ -300,10 +318,12 @@
     padding: 0 0.5em;
   }
   /* CO CONFIGURATION DASHBOARD */
-  #configuration-menu {
+  .config-menu {
     column-count: 3;
     column-gap: 1em;
-    margin-bottom: 4em;
+  }
+  .comanage-version {  
+    margin-top: 4em;
   }
   /* INDEX ACTION ROW MENUS */
   .field-actions .dropdown-menu {