body {
  user-select: none;
  -webkit-user-select: none;
}

button {
  cursor: pointer;
}

/* Sidebar collapsed holatida faqat ikonalar qolishi uchun */
  #sidebar.sidebar-collapsed {
    width: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Menu item matnlarini yashirish */
  #sidebar.sidebar-collapsed .menu-item span {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  #sidebar.sidebar-collapsed .menu-item {
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Header (Menu) sarlavhasini yashirish */
  #sidebar.sidebar-collapsed h2 {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  /* Profile qismidagi barcha matnlarni to‘liq yashirish */
  #sidebar.sidebar-collapsed .leading-tight {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  /* Profile rasmini markazga joylash */
  #sidebar.sidebar-collapsed .flex.items-center.gap-3 {
    justify-content: center;
    padding: 0.5rem 0;
  }

  /* Logout tugmasidagi matnni yashirish */
  #sidebar.sidebar-collapsed .sidebar-logout-text {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  #sidebar.sidebar-collapsed .w-full.flex.items-center.justify-center.gap-2 {
    justify-content: center;
    gap: 0;
    padding: 0.75rem 1rem;
  }

  /* Mobil holatda (768px dan kichik) */
  @media (max-width: 768px) {
    #sidebar {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 50;
      transform: translateX(-100%);
      transition: transform 0.3s ease;
    }

    #sidebar.sidebar-open {
      transform: translateX(0);
    }
  }

  /* Desktop collapsed animatsiyalari */
  @media (min-width: 769px) {
    #sidebar.sidebar-collapsed .menu-item i {
      margin-right: 0;
    }
  }

  /* Ochilgan holatda matnlar qaytishi uchun transition */
  #sidebar:not(.sidebar-collapsed) .menu-item span,
  #sidebar:not(.sidebar-collapsed) .leading-tight,
  #sidebar:not(.sidebar-collapsed) .sidebar-logout-text {
    opacity: 1;
    width: auto;
    transition: opacity 0.3s ease 0.1s, width 0.3s ease;
  }

  .menu-item {
    transition: all 0.3s ease;
  }

  .menu-item span {
    white-space: nowrap;
  }