/*
    body {
      margin: 0;
      font-family: sans-serif;
      background: #f9f9f9;
    }
    */

    .men_sidebar {
      width: 110%;
      background: #ffffff;
      color: #333;
      height: 80vh;
      overflow-y: auto;
      /*overflow: hidden;*/
      box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);
    }

    .men_item {
      padding: 8px 8px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #eee;
      transition: background 0.3s;      
    }

    .men_item:hover {
      background: #f0f0f0;
    }

    .men_label {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 12px;
    }

    .men_arrow {
      transition: transform 0.3s ease;
    }

    .men_item.active .men_arrow {
      transform: rotate(90deg);
    }

    .men_item.active {
      background-color: #e2eaf7;
    }    

    .men_submenu {
      display: none;
      flex-direction: column;
      padding-left: 20px;
      background: #fafafa;
    }

    .men_item.active + .men_submenu {
      display: flex;
    }

    /* Estilos opcionales para subniveles */
    .men_submenu .men_submenu {
      padding-left: 20px;
      background: #f5f5f5;
    }

    body.dark .men_sidebar,
    body.dark .men_item,
    body.dark .men_submenu  {
    background-color: #333;
    border-color: #555;
    color: #fff;
    }