Keyholder Settings

                  <h1>VERU</h1>
                  <p>Keyholder Control Panel</p>
              <form id="loginForm">
                      <label for="deviceId">Device ID</label>
                      <input type="text" id="deviceId" placeholder="VERU-XXXXXXX" required>
                      <label for="passcode">Passcode</label>
                      <input type="password" id="passcode" placeholder="Enter your passcode" required>
                  <button type="submit" id="loginBtn">
                      Access Device
                  </button>
              </form>
          <!-- Control Panel -->
                  <h2 id="deviceIdDisplay">VERU-XXXXXXX</h2>
                  <p>Set Their Limits 🔒</p>
                  ⚠️ You have unsaved changes
              <!-- Email Notifications Toggle -->
                      Email Notifications
                      📧
                      All notifications will be sent to your email address
              <!-- Zap Zone Section -->
                      ΓÜí
                      <h3>Zap Zone</h3>
                      Want some electric encouragement when they get too excited?
                      <p>How often should we remind them who's in charge?</p>
                              <input type="radio" id="shock5" name="shockFrequency" value="5" checked>
                              <label for="shock5">Every 5 seconds (intense!)</label>
                              <input type="radio" id="shock10" name="shockFrequency" value="10">
                              <label for="shock10">Every 10 seconds (moderate)</label>
              <!-- Sound the Alarm Section -->
                      🔊
                      <h3>Sound the Alarm</h3>
                      Want everyone to know when they're naughty? 😈
                              <input type="radio" id="alarmConstant" name="alarmType" value="constant" checked>
                              <label for="alarmConstant">Non-stop beeping (very obvious!)</label>
                              <input type="radio" id="alarmInterval" name="alarmType" value="every10">
                              <label for="alarmInterval">Beep every 10 seconds (still noticeable)</label>
              <!-- Digital Detox Section -->
                      📵
                      <h3>Digital Detox</h3>
                      Lock their phone for an hour when they misbehave?
              <!-- Keep Me Posted Section -->
                      📨
                      <h3>Keep Me Posted</h3>
                  <p>What updates do you want to receive?</p>
                          They got zapped! ΓÜí
                          Someone's getting excited... 😏
                          Heart racing? We noticed! 💓
                          Naughty, naughty - no cheating!
                          Lockout mode activated 🔒
                          Time to recalibrate your limits
                          Device removed - busted! 😡
                          Lost connection to their device
                          Battery low - charge me up!
                          Oops, something went wrong
              <button id="saveSettingsBtn">Lock It In</button>
              <button id="logoutBtn">Logout</button>