/* Information System dropdown (added) */
      .nav-dropdown {
        position: relative;
      }
      .dropdown-toggle {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
      }
      .dropdown-toggle .caret {
        font-size: 10px;
        transition: transform 0.2s ease;
      }
      .nav-dropdown.open .dropdown-toggle .caret {
        transform: rotate(180deg);
      }

      .dropdown-menu {
        display: none;
        flex-direction: column;
      }
      .nav-dropdown.open .dropdown-menu {
        display: flex;
      }

      .dropdown-item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        text-decoration: none;
        color: inherit;
      }
      .dd-icon {
        flex-shrink: 0;
        width: 34px;
        height: 34px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #eef1f6;
        color: #14284d;
      }
      .dd-icon svg {
        width: 17px;
        height: 17px;
      }
      .dd-text {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
      }
      .dd-title {
        font-size: 13.5px;
        font-weight: 600;
        color: #14284d;
      }
      .dd-title em {
        font-style: normal;
        color: #8a95a5;
        font-weight: 500;
      }
      .dd-desc {
        font-size: 11.5px;
        color: #8a95a5;
        line-height: 1.35;
      }

      @media (min-width: 861px) {
        .dropdown-menu {
          position: absolute;
          top: calc(100% + 16px);
          left: 50%;
          transform: translateX(-50%) translateY(6px);
          background: #fff;
          border-radius: 14px;
          box-shadow: 0 20px 48px rgba(20, 40, 77, 0.16);
          border: 1px solid #eceff3;
          z-index: 200;
          width: 300px;
          padding: 10px;
          gap: 2px;
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          transition:
            opacity 0.18s ease,
            transform 0.18s ease,
            visibility 0.18s;
        }
        .dropdown-menu::before {
          content: "";
          position: absolute;
          top: -6px;
          left: 50%;
          transform: translateX(-50%) rotate(45deg);
          width: 12px;
          height: 12px;
          background: #fff;
          border-left: 1px solid #eceff3;
          border-top: 1px solid #eceff3;
          border-radius: 2px;
        }
        .nav-dropdown.open .dropdown-menu,
        .nav-dropdown:hover .dropdown-menu,
        .nav-dropdown:focus-within .dropdown-menu {
          display: flex;
          opacity: 1;
          visibility: visible;
          pointer-events: auto;
          transform: translateX(-50%) translateY(0);
        }
        .dropdown-item {
          padding: 10px 10px;
          border-radius: 9px;
          transition: background 0.15s ease;
        }
        .dropdown-item:hover {
          background: #f7f9fc;
        }
        .dropdown-item:hover .dd-icon {
          background: #14284d;
          color: #c99a3c;
        }
        .dropdown-item:hover .dd-title {
          color: #14284d;
        }
        .dropdown-item + .dropdown-item {
          margin-top: 1px;
        }
      }

      @media (max-width: 860px) {
        .dropdown-menu {
          margin: 8px 0 4px 4px;
          padding-left: 14px;
          border-left: 2px solid #c99a3c;
          gap: 12px;
        }
        .dd-icon {
          width: 30px;
          height: 30px;
        }
        .dd-icon svg {
          width: 15px;
          height: 15px;
        }
        .dd-title {
          color: #fff;
        }
        .dd-desc {
          color: rgba(255, 255, 255, 0.6);
        }
      }