.page-section {
        display: none;
      }
      .page-section.active {
        display: block;
      }

      /* Reserve space for the fixed navbar so content isn't hidden */
      .navbar-space {
        height: 56px;
      }

      .bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #f8f9fa;
        border-top: 1px solid #dee2e6;
        padding: 10px 15px;
        display: flex;
        justify-content: center;
        z-index: 1030;
      }