html[dir="ltr"] .app-sidebar,
html[dir="ltr"] .sidebar {
  right: auto;
  left: 0;
}

html[dir="ltr"] .settings-page,
html[dir="ltr"] .employees-page,
html[dir="ltr"] .finance-page,
html[dir="ltr"] .operations-page,
html[dir="ltr"] .reports-page {
  margin-right: 0;
  margin-left: 290px;
}

html[dir="ltr"] body.sidebar-collapsed .settings-page,
html[dir="ltr"] body.sidebar-collapsed .employees-page,
html[dir="ltr"] body.sidebar-collapsed .finance-page,
html[dir="ltr"] body.sidebar-collapsed .operations-page,
html[dir="ltr"] body.sidebar-collapsed .reports-page {
  margin-right: 0;
  margin-left: 110px;
}

html[dir="ltr"] .main-content {
  margin-right: 0;
  margin-left: 260px;
}

html[dir="ltr"] body {
  text-align: left;
}

html[dir="ltr"] .nav-item,
html[dir="ltr"] .sidebar-nav a,
html[dir="ltr"] .settings-tab,
html[dir="ltr"] th {
  text-align: left;
}

@media (max-width: 900px) {
  html[dir="ltr"] .settings-page,
  html[dir="ltr"] .employees-page,
  html[dir="ltr"] .finance-page,
  html[dir="ltr"] .operations-page,
  html[dir="ltr"] .reports-page {
    margin-left: 84px;
  }

  html[dir="ltr"] .main-content {
    margin-left: 0;
  }
}

@media (max-width: 560px) {
  html[dir="ltr"] .settings-page,
  html[dir="ltr"] .employees-page,
  html[dir="ltr"] .finance-page,
  html[dir="ltr"] .operations-page,
  html[dir="ltr"] .reports-page {
    margin-left: 74px;
  }
}

.sidebar-dropdown { display: block; }
.sidebar-dropdown summary { display: flex; align-items: center; gap: 13px; padding: 13px 14px; border-radius: 9px; color: #ddc7b4; cursor: pointer; list-style: none; font-size: 13px; }
.sidebar-dropdown summary::-webkit-details-marker { display: none; }
.sidebar-dropdown summary i { margin-right: auto; color: #e5a66f; font-style: normal; }
.sidebar-dropdown[open] summary, .sidebar-dropdown summary:hover { color: #fff; background: rgba(224, 103, 27, .32); }
.sidebar-dropdown[open] summary i { transform: rotate(180deg); }
.sidebar-dropdown > div { margin-right: 10px; padding-right: 14px; border-right: 1px solid rgba(229, 166, 111, .35); }
.sidebar-dropdown > div a { padding: 8px 12px; color: #e8c8ad; font-size: 11px; }
.sidebar-dropdown > div a.active { color: #fff; background: rgba(224, 103, 27, .22); }
.app-sidebar.collapsed .sidebar-dropdown summary span,
.app-sidebar.collapsed .sidebar-dropdown summary i,
.app-sidebar.collapsed .sidebar-dropdown > div { display: none; }
.app-sidebar.collapsed .sidebar-dropdown summary { justify-content: center; padding: 12px 8px; }