align-items:      center;

        cursor:      pointer;

        transition:      all      0.2s      ease;

        }

        .nav-item:hover      {

        transform:      translateY(-2px);

        }

        .nav-icon      {

        font-size:      20px;

        margin-bottom:      4px;

        }

        .nav-label      {

        font-size:      10px;

        font-weight:      500;

        }

        .tab-active      {

        color:      000;

        }

        .tab-inactive      {

        color:      8e8e93;

        }

        .app-header      {

        padding:      16px      20px;

        border-bottom:      1px      solid      rgba(0,      0,      0,      0.05);

        display:      flex;

        align-items:      center;

        justify-content:      space-between;

        background:      rgba(255,      255,      255,      0.9);

        backdrop-filter:      blur(10px);

        position:      sticky;

        top:      0;

        z-index:      10;

        }

        .back-btn      {

        cursor:      pointer;

        transition:      all      0.2s      ease;

        width:      32px;

        height:      32px;

        display:      flex;

        align-items:      center;

        justify-content:      center;

        border-radius:      8px;

        }

        .back-btn:hover      {

        background:      rgba(0,      0,      0,      0.05);

        transform:      scale(1.05);