Added hidden button to access system-status

static/css/styles.css

@@ -926,6 +926,43 @@ body {
     background-color: var(--border-color);
 }
 
+/* Hidden system access styling */
+.system-access {
+    position: absolute;
+    bottom: var(--spacing-md);
+    left: var(--spacing-md);
+    opacity: 0.1;
+}
+
+.system-access:hover {
+    opacity: 0.2;
+}
+
+.system-access-btn {
+    background: none;
+    border: none;
+    color: var(--bg-primary);
+    cursor: pointer;
+    padding: 0;
+    font-size: 0.8rem;
+}
+
+.system-access-input {
+    display: none;
+    background: none;
+    border: none;
+    border-bottom: 1px solid var(--border-color);
+    color: var(--text-muted);
+    font-size: 0.8rem;
+    padding: 2px;
+    margin-left: var(--spacing-sm);
+    width: 100px;
+}
+
+.system-access-input:focus {
+    outline: none;
+}
+
 /* Loading Overlay */
 .loading-overlay {
     display: none;

static/index.html

@@ -218,7 +218,14 @@
                     </label>
                 </div>
             </div>
-            <div class="modal-footer"></div>
+            <div class="modal-footer">
+                <button class="btn btn-secondary" id="settingsModalCancel">Cancel</button>
+                <button class="btn btn-primary" id="settingsModalSave">Save</button>
+            </div>
+            <div class="system-access">
+                <button class="system-access-btn" id="systemAccessBtn">System</button>
+                <input type="text" class="system-access-input" id="systemAccessInput" placeholder="Enter code" style="display: none;">
+            </div>
         </div>
     </div>
 

static/js/app.js

@@ -313,6 +313,29 @@ class MedicalChatbotApp {
             });
             }
         }
+
+        // System access button handler
+        const systemBtn = document.getElementById('systemAccessBtn');
+        const systemInput = document.getElementById('systemAccessInput');
+
+        if (systemBtn && systemInput) {
+            systemBtn.addEventListener('click', () => {
+                systemInput.style.display = systemInput.style.display === 'none' ? 'inline' : 'none';
+                if (systemInput.style.display === 'inline') {
+                    systemInput.focus();
+                }
+            });
+
+            systemInput.addEventListener('keydown', (e) => {
+                if (e.key === 'Enter') {
+                    if (systemInput.value === 'system-status') {
+                        window.location.href = '/system-status';
+                    }
+                    systemInput.value = '';
+                    systemInput.style.display = 'none';
+                }
+            });
+        }
     }
 
     initializeUser() {